﻿@model ToquesDeDarsenaABM.Models.CreateToqueDeDarsena

@{
    ViewBag.Title = "Crear toque de Darsena";
}

@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Crear Toque de Darsena</legend>

        <div class="editor-label">
            @Html.Label("Codigo de empresa")
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.CodigoEmpresa, new { onblur = "ConsultarNombreEmpresa()" })
            @*@Html.ValidationMessageFor(model => model.CodigoEmpresa)*@
            <span id="empresaAjaj"></span>
        </div>

        <div class="editor-label">
            @Html.Label("Codigo de localidad")
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.CodigoLocalidad, new { onblur = "ConsultarNombreLocalidad()" })
            @*@Html.ValidationMessageFor(model => model.CodigoLocalidad)*@
            <span id="localidadAjaj"></span>
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Interno)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Interno)
            @Html.ValidationMessageFor(model => model.Interno)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Darsena)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Darsena)
            @Html.ValidationMessageFor(model => model.Darsena)
        </div><br/>
            <input type="submit" value="Crear" />
    </fieldset>
}

<script>
    function ConsultarNombreEmpresa()
    {
        //Agarra el codigo de empresa ingresado en la caja de texto
        var codigoIngresado = $("#CodigoEmpresa").val();

        //Peticion al servidor
        var resultadoJson = $.get("@Url.Action("ConsultarNombreEmpresaAjaj", "ToqueDeDarsena")", { CodigoEmpresa: codigoIngresado });
        resultadoJson.done(DevolverNombreEmpresa);
        //resultadoJson.fail(Error("empresa"));
    }

    function DevolverNombreEmpresa(resultadoJson)
    {
        //Pone en la caja vacia el resultado
        if (resultadoJson != null) {
            $("#empresaAjaj").html(resultadoJson.Nombre);
        }
    }

    function ConsultarNombreLocalidad() {
        //Agarra el codigo de la localidad ingresado en la caja de texto
        var codigoIngresado = $("#CodigoLocalidad").val();

        //Peticion al servidor
        var resultadoJson = $.get("@Url.Action("ConsultarNombreLocalidadAjaj", "ToqueDeDarsena")", { CodigoLocalidad: codigoIngresado });
        resultadoJson.done(DevolverNombreLocalidad);
        //resultadoJson.fail(Error("localidad"));
    }

    

    function DevolverNombreLocalidad(resultadoJson) {
        //Pone en la caja vacia el resultado
        if (resultadoJson != null) {
            $("#localidadAjaj").html(resultadoJson.Nombre);
        }
    }

    function Error(nombre)
    {
        var nombre = nombre.toLowerCase();
        $("#" + nombre + "Ajaj").html("No es un código de " + nombre + " válido.");
     
    }
</script>

<br/><div>
    @Html.ActionLink("Volver", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
